﻿/**响应式***/
#section2, #section4, #section3 { display: none; }
img { position: absolute; }
@media screen and (max-width:769px) {
	#load1 { display: none; }
	#load { height: 100%; width: 100%; top: 0%; left: 0%; z-index: 999; background: url('../img/load.jpg') top center no-repeat; background-size: cover; position: absolute; }
	#logo { width: 17%; height: auto; top: 0%; left: 10%; z-index: 2; }
	#logo2 { width: 17%; height: auto; top: 0%; left: 10%; z-index: 2; }
	#name { width: 80%; height: auto; top: 5%; left: 32%; }
	#welcome { width: 80%; height: auto; top: 30%; left: 10%; }
	#lianghua { width: 30%; height: auto; top: 80%; left: 35%; }
	#huo1 { width: 16%; height: auto; top: 58%; left: 22%; }
	#huo2 { width: 16%; height: auto; top: 58%; left: 42%; }
	#huo3 { width: 16%; height: auto; top: 58%; left: 62%; }
	#tuo { width: 50%; height: auto; top: 72%; left: 25%; }
	.section1 { height: 100%; width: 100%; background: url('../img/bg1.jpg') center center no-repeat; background-size: cover; }

	.shu { display: none; }
	.page2-cover{width: 100%; top: 0%; left: 0%;height:100%;position: absolute;background:rgba(211, 211, 211, 0.48);z-index: 2}
	#bg2 { height: auto; width: 100%; top: 0%; left: 0%; }
	#kuang { height: 25%; width: 94%; top: 8%; left: 3%; opacity: 0.7; }
	#cul { height: auto; width: 20%; top: 2%; left: 5%; }
	#zi21 { height: auto; width: 90%; top: 10%; left: 10%; display: none; }
	#zi211 { height: auto; width: 90%; top: 15%; left: 5%; }
	#zi22 { height: auto; width: 90%; top: 40%; left: 5%; display: none; }
	#zi222 { height: auto; width: 90%; top: 40%; left: 5%; }
	#line { height: auto; width: 60%; top: 50%; left: 20%; }
	#tu1 { height: auto; width: 70%; top: 52%; left: 15%; }
	#tu2 { height: auto; width: 33%; top: 83%; left: 15%; }
	#tu3 { height: auto; width: 32%; top: 83%; left: 52%; }
	#rcc { height: auto; width: 30%; top: 10%; left: 35%; display: none; }
	#rcc2 { height: auto; width: 100%; top: 0%; left: 0%; }
	#bg3 { height: auto; width: 100%; top: 30%; left: 0%; display: none; }
	#bg333 { height: auto; width: 100%; top: 31%; left: 0%; }
	#lianxi { height: auto; width: 50%; top: 6%; left: 25%; }
	#line2 { height: auto; width: 100%; top: 18%; left: 0%; }
	#last { display: none; }
	.jin, #di, #shang, #range { display: none; }
	.btn-nav { display: block; }
	#erweima { height: auto; width: 30%; top: 20%; left: 35%; }
	#map { height: auto; width: 70%; top: 70%; left: 15%; }
	#number { height: auto; width: 60%; top: 45%; left: 20%; }
	#arr1 { height: auto; width: 10%; top: 90%; left: 45%; -webkit-animation: move 1s linear infinite; }
	#arr2 { height: auto; width: 10%; top: 95%; left: 45%; -webkit-animation: move 1s linear infinite; }
	#arr3 { height: auto; width: 10%; top: 95%; left: 45%; -webkit-animation: move 1s linear infinite; }
}
@media screen and (min-width:769px) {
	.jin { height: 1px; z-index: 100; position: absolute; top: 80%; left: 42%; }
	#di { background: white; width: 16%; }
	#shang { background: #a11217; width: 1px; }
	#range { position: absolute; top: 78%; left: 48%; background: #262626; color: white; border: none; }
	#load { display: none; }
	#lianghua { width: 8%; height: auto; top: 85%; left: 46%; }
	.nav-img { height: 40px; width: auto; }
	#load1 { height: 100%; width: 100%; top: 0%; left: 0%; z-index: 10; background: url('../img/load1.jpg') center center no-repeat; background-size: cover; position: absolute; }
	#logo { width: 50px; height: auto; top: 0%; left: 25%; z-index: 2; }
	#logo2 { width: 50px; height: auto; top: 0%; left: 25%; z-index: 2; }
	#name { width: 21%; height: auto; top: 2%; left: 65%; }
	#welcome { width: 26%; height: auto; top: 25%; left: 37%; }
	#huo1 { width:7%; height: auto; top: 56%; left: 26.5%; }
	#huo2 { width: 7%; height: auto; top: 56%; left: 46.5%; }
	#huo3 { width:7%; height: auto; top: 56%; left: 66.5%; }
	.section1 {z-index: 1;height: 100%; width: 100%; background: url('../img/bg1.jpg') center center no-repeat; background-size: cover; }
	#bg2 { height: auto; width: 100%; top: 0%; left: 0%; }
	.page2-cover{width: 100%; top: 0%; left: 0%;height:100%;position: absolute;background:rgba(211, 211, 211, 0.48);z-index: 2}
	#kuang { height: 100px; width: 50%; top: 18%; left: 25%; opacity: 0.7; }
	#cul { height: auto; width: 70px; top: 20%; left: 73%; }
	#zi21 { height: auto; width: 40%; top: 20%; left: 30%; }
	#zi211 { display: none; }
	#zi22 { height: auto; width: 50%; top: 38%; left: 25%; }
	#zi222 { display: none; }
	#tuo { display: none; }
	#line { height: auto; width: 54%; top: 50%; left: 23%; }
	#tu1 { height: auto; width: 28%; top: 58%; left: 25%; }
	#tu2 { height: auto; width: 16%; top: 58%; right: 25%; }
	#tu3 { height: auto; width: 16%; top: 79%; right: 25%; }
	#rcc { height: auto; width: 30%; top: 15%; left: 35%; }
	#rcc2 { height: auto; width: 30%; top: 10%; left: 35%; display: none; }
	#bg3 { height: auto; width: 100%; top: 38%; left: 0%; }
	#bg333 { height: auto; width: 100%; top: 30%; left: 0%; display: none; }
	#lianxi { height: auto; width: 20%; top: 15%; left: 40%; }
	#line2 { height: auto; width: 60%; top: 30%; left: 20%; }
	#erweima { height: auto; width: 10%; top: 50%; left: 20%; }
	#map { height: auto; width: 15%; top: 50%; right: 20%; }
	#number { height: auto; width: 20%; top: 50%; left: 40%; }
	#last { height: auto; width: 100%; bottom: 0%; left: 0%; }
	#arr1 { display: none; }
	#arr2 { display: none; }
	#arr3 { display: none; }
	.shu { position: absolute; z-index: 100; height: auto; width: 5%; display: none; }
	.btn-nav { display: none; }
	#yi { top: 4.4%; left: 35%; }
	#er { top: 4.8%; left: 45%; }
	#san { top: 5.2%; left: 55%; }
	#si { top: 4.9%; left: 67%; }
}

/****/
@-webkit-keyframes move {
	from { -webkit-transform: translateY(0px);opacity: 0; }
	to { -webkit-transform: translateY(5px);opacity: 1; }
}